<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmCliente')}"/>
    </f:metadata>

    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1100"/>
                    <ui:param name="toolBarTitleWidth" value="1050"/>
                    <ui:param name="title" value="Cliente"/>
                </ui:include>

                <div align="left" >
                    <p:panel header="Informaci&oacute;n de Cliente" style="width: 1100px" >

                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                        <h:form id="C">
                            <h:panelGrid id="pCliente1" columns="4" style="width:inherit">
                                <h:outputLabel value="Pa&iacute;s:"/>
                                <h:selectOneMenu id="cbPais"  value="#{clienteManaged.selectedCliente.codigo_p}"  style="width:250px"  >
                                    <f:selectItems value="#{clienteManaged.paises}" var="pa" itemLabel="#{pa.nombre_p}" itemValue="#{pa.codigo_p}"/>
                                    <p:ajax listener="#{clienteManaged.llenarDepartamentos}" update="cbDepartamento cbMunicipio"/>
                                </h:selectOneMenu>

                                <h:outputText value="Departameto: "/>
                                <h:selectOneMenu id="cbDepartamento" value="#{clienteManaged.selectedCliente.codigo_d}" style="width:250px"  >
                                    <f:selectItems value="#{clienteManaged.departamentos}" var="de" itemLabel="#{de.nombre_d}" itemValue="#{de.codigo_d}"/>
                                    <p:ajax  listener="#{clienteManaged.llenarMunicipios}" update="cbMunicipio"/>
                                </h:selectOneMenu>

                                <h:outputText value="Municipio" />
                                <h:selectOneMenu id="cbMunicipio" value="#{clienteManaged.selectedCliente.codigo_m}" rendered="true" style="width:250px" >
                                    <f:selectItems value="#{clienteManaged.municipios}" var="mu" itemLabel="#{mu.nombre_m}" itemValue="#{mu.codigo_m}"/>
                                </h:selectOneMenu>
                                 <h:outputText value="Tipo Cliente" />
                                 <h:selectOneMenu value="#{clienteManaged.selectedCliente.codigo_tc}" rendered="true" style="width:250px" >
                                     <f:selectItems value="#{clienteManaged.tipoClientes}" var="tp" itemLabel="#{tp.nombre_tc}" itemValue="#{tp.codigo_tc}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>

                            <h:panelGrid id="pCliente2"  columns="4" style="width:inherit" >
                                <h:outputText value="Empresa"/><p:inputText value="#{clienteManaged.selectedCliente.empresa_c}" style="width: 575px" />
                                <h:outputText value="Registro"/><p:inputText value="#{clienteManaged.selectedCliente.registro_c}" style="width: 170px" />

                                <h:outputText value="Contacto" /><p:inputText value="#{clienteManaged.selectedCliente.contacto_c}" style="width: 575px" />
                                <h:outputText value="NIT"/><p:inputText value="#{clienteManaged.selectedCliente.nit_c}"  style="width: 170px" />

                                <h:outputText value="Direcci&oacute;n &nbsp;"/><p:inputText value="#{clienteManaged.selectedCliente.direccion_c}" style="width: 575px"/>
                                <h:outputText value="Tel&eacute;fono &nbsp;&nbsp;"/><p:inputText value="#{clienteManaged.selectedCliente.telefono_c}" style="width: 170px" />

                                <h:outputText value="Giro"/><p:inputText value="#{clienteManaged.selectedCliente.giro_c}" style="width: 575px"/>
                                <h:outputText value="Email"/><p:inputText value="#{clienteManaged.selectedCliente.email_c}" style="width: 170px" />

                                <h:outputText value="Otra Informaci&oacute;n"/><p:inputText value="#{clienteManaged.selectedCliente.otra_informacion_c}" style="width: 575px" />
                                <h:outputText value="L&iacute;mite Cr&eacute;."/><p:inputText value="#{clienteManaged.selectedCliente.limite_credito_c}" style="width: 170px" />

                            </h:panelGrid>


                            <h:panelGrid id="pCliente3" columns="8" >
                                <h:outputText value="Plazo"/><p:spacer width="65" height="10"/><p:inputText value="#{clienteManaged.selectedCliente.plazo_c}"  style="width: 50px" />

                                <h:outputText value="Aplicar Retenci&oacute;n"/><h:selectBooleanCheckbox value="#{clienteManaged.selectedCliente.aplicar_retencion_filtro_c}" />
                                <h:outputText value="Inactivo"/><h:selectBooleanCheckbox value="#{clienteManaged.selectedCliente.estado_filtro_c}" />
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="pBotones" columns="3" cellpadding="5" style="width:inherit" >
                                    <p:commandButton value="#{sms.guardar}" image="ui-icon ui-icon-check" onclick="cmdConfirm.show()" />
                                    <p:commandButton value="Buscar" image="ui-icon ui-icon-search" actionListener="#{clienteManaged.fillGrid}" title="Buscar Cliente" update="grid:table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="C:pCliente1 C:pCliente2 C:pCliente3 grid:table" />
                                    <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert"  widgetVar="cmdConfirm">
                                        <p:commandButton value="Si" actionListener="#{clienteManaged.completeTransaction}" update="C:pCliente1 C:pCliente2 C:pCliente3 grid:table mensaje" oncomplete="cmdConfirm.hide()" />
                                        <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                                    </p:confirmDialog>
                                </h:panelGrid>
                                <br/>
                            </div>
                        </h:form>

                        <h:form id="grid" style="width: inherit" >
                            <p:dataTable id="table" value="#{clienteManaged.clientes}" var="row" rows="12"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{clienteManaged.selectedCliente}"
                                         emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="C:pCliente1 C:pCliente2 C:pCliente3 mensaje"
                                         rowSelectListener="#{clienteManaged.llenarPDM}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Clientes"/>
                                </f:facet>
                                <p:column headerText="Pa&iacute;s" filterBy="#{row.nombre_p}" sortBy="#{row.nombre_p}" filterMatchMode="contains" style="width: 85px">
                                    <h:outputText value="#{row.nombre_p}" />
                                </p:column>
                                <p:column headerText="Departamento" filterBy="#{row.nombre_d}" sortBy="#{row.nombre_d}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_d}" />
                                </p:column>
                                <p:column headerText="Municipio" filterBy="#{row.nombre_m}" sortBy="#{row.nombre_m}" filterMatchMode="contains" style="width: 95px">
                                    <h:outputText value="#{row.nombre_m}" />
                                </p:column>

                                <p:column headerText="Empresa" filterBy="#{row.empresa_c}" sortBy="#{row.empresa_c}" filterMatchMode="contains" style="width: 150px">
                                    <h:outputText value="#{row.empresa_c}"/>
                                </p:column>
                                <p:column headerText="Giro" filterBy="#{row.giro_c}" sortBy="#{row.giro_c}" filterMatchMode="contains" style="width: 150px">
                                    <h:outputText value="#{row.giro_c}" />
                                </p:column>
                            </p:dataTable>
                        </h:form>

                    </p:panel>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
